<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>速订-酒店辅助订购系统</title>
    <!-- jQuery -->
    <script src="/js/jquery-2.0.0.min.js" type="text/javascript"></script>

    <!-- Bootstrap4 files-->
    <script src="/js/bootstrap.bundle.min.js" type="text/javascript"></script>
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css"/>

    <!-- Font awesome 5 -->
    <link href="/fonts/fontawesome/css/fontawesome-all.min.css" type="text/css" rel="stylesheet">

    <!-- plugin: fancybox  -->
    <script src="/plugins/fancybox/fancybox.min.js" type="text/javascript"></script>
    <link href="/plugins/fancybox/fancybox.min.css" type="text/css" rel="stylesheet">

    <!-- custom style -->
    <link href="/css/ui.css" rel="stylesheet" type="text/css"/>
    <link href="/css/responsive.css" rel="stylesheet" media="only screen and (max-width: 1200px)" />

    <!-- custom javascript -->
    <script src="/js/script.js" type="text/javascript"></script>

    <script type="text/javascript">
        /// some script

        // jquery ready start
        $(document).ready(function() {
            // jQuery code

        });
        // jquery end
    </script>
</head>
<body>

<header class="section-header">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <form action="/HTML/userInfo" method="post" name="showUserInfoForm" >
            <a class="navbar-brand" href="javascript:history.go(-1)" name="savesubmit" id="savesubmit"> <img class="logo" src="/images/logo-white.png" th:text="'  '+'登录'"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
        </form>

        <div class="collapse navbar-collapse" id="navbar1">
            <ul class="navbar-nav ml-auto">
                <!--<form action="/HTML/lookOrderList" method="post" name="showUserOrderForm" th:value="${account}">-->
                    <!--<li class="nav-item active">-->
                        <!--<a class="nav-link" href="javascript:showUserOrderForm.submit();">我的订单<span class="sr-only">(current)</span></a>-->
                    <!--</li>-->
                <!--</form>-->
                <!--<li class="nav-item"><a class="nav-link" href="html-components.html"> Documentation </a></li>-->
                <!--<li class="nav-item dropdown">-->
                    <!--<a class="nav-link  dropdown-toggle" href="#" data-toggle="dropdown">  Dropdown  </a>-->
                    <!--<ul class="dropdown-menu">-->
                        <!--<li><a class="dropdown-item" href="#"> Menu item 1</a></li>-->
                        <!--<li><a class="dropdown-item" href="#"> Menu item 2 </a></li>-->
                    <!--</ul>-->
                <!--</li>-->
                <!--<li class="nav-item">-->
                    <!--<a class="btn ml-2 btn-warning" href="http://bootstrap-ecommerce.com">Download</a></li>-->
            </ul>
        </div>
    </nav>
</header> <!-- section-header.// -->


<section class="section-content padding-y">
    <div class="container">
        <div class="float-right col-sm-4">
            <div class="card">
                <article class="card-body">
                    <a href="/HTML/register" class="float-right btn btn-outline-primary">没有账号？注册</a>
                    <h4 class="card-title mb-4 mt-1">登录</h4>
                    <form action="/HTML/index" method="post" >
                        <div class="form-group">
                            <label>账号</label>
                            <input name="account" class="form-control" placeholder="请输入您的账号" type="text">
                        </div> <!-- form-group// -->
                        <div class="form-group">
                            <a class="float-right" href="#">忘记密码？</a>
                            <label>密码</label>
                            <input class="form-control" placeholder="请输入您的密码" type="password" name="password">
                        </div> <!-- form-group// -->
                        <div class="form-group">
                            <button  type="reset" class="btn btn-link">重置</button>
                        </div> <!-- form-group// -->
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary btn-block">登录</button>
                        </div> <!-- form-group// -->
                    </form>
                </article>
            </div> <!-- card.// -->
        </div>

        <header class="section-heading">
            <h2>酒店辅助订购系统</h2>
        </header><!-- sect-heading -->

        <article>


            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <p>Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <p>Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

            <br><br><br><br><br><br><br><br>

        </article>

    </div> <!-- container .//  -->
</section>
<!-- ========================= SECTION CONTENT END// ========================= -->

<!-- ========================= FOOTER ========================= -->
<footer class="section-footer bg-dark white">
    <div class="container">
        <section class="footer-bottom row">
            <div class="col-sm-6">
                <p>四川大学实训项目<br>第六组作品</p>
            </div>
            <div class="col-sm-6">
                <p class="text-sm-right">
                    2019 · 7 · 8 <br>
                    中国 · 成都
                    <!--<a href="#">中国 · 成都</a>-->
                </p>
            </div>
        </section> <!-- //footer-top -->
    </div><!-- //container -->
</footer>
<!-- ========================= FOOTER END // ========================= -->

<script>
    window.onload=function judge(){
        var data=[[${flag}]];
//        var data=document.getElementById("flag");
        if(data==1)
        {
            alert("密码或账号错误，请重新输入！");
        }
    }
</script>
</body>
</html>